/**
 * Copyright 2005-2012 The Kuali Foundation
 *
 * Licensed under the Educational Community License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.opensource.org/licenses/ecl2.php
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
@charset "UTF-8";
/* CSS Document */

/* GENERAL - applies to all look and feel (KNS and KS)********************/

a{
	font-weight:normal;
	cursor: pointer;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
input[type="text"], textarea {
    padding: 3px 3px;
		_padding: 3px 0;         /* a hack to please IE */
}
:focus{
	outline: 1px dotted #000;
}
textarea{
    font-size:0.923077em;
    font-family: Arial, Helvetica, sans-serif;
}
table td, table th {
	vertical-align:top;
	text-align:left;
}
.watermark {			/* NOT renamed in xml and/or jsp, as this will break js functionality   */
    /* not sure if this is still necessary, now that html5 has the "placeholder" attribute */
    font-family: Arial, Helvetica, sans-serif;
    font-size:0.923077em;
}
th, td {
    padding: 0;  /* overriding reset.css - shouldn't be specifying this */
}


/* CONTAINERS - e.g.: kr-nav-menu, ks-error-cont *************************/


#viewpage_div {
    margin-left: 25px;
    margin-right: 20px;
    /*width: 760px;   */
	/*float:left;        are we removing this? (David) */
}

.uif-constraintMessage {                  /* NOT RENAMED - changing this classname will break some javascript functionality  */
	font-size:0.813em;
	/* begin styles brought over from kuali-stacked.css  */
    font-weight:normal;
	color: gray;
	margin-bottom: 5px;
	display: block;
    /* KNS can add padding to inputs */
}

/* headers */

.uif-headerText{
   clear:both;
   text-align: left;
}

.uif-subCollectionHeader{
    text-align: left;
}

h1.kr-page-title-header {		/* was h1.page-title-header */ /* renamed in xml and/or jsp */
	margin:0 0 1em 0;
}
h2.kr-page-action {				/* was h2.page-action */ /* renamed in xml and/or jsp */
	font-weight:normal;
	margin:0;
}
h3.uif-headerText {		/* was h2.page-section-title */ /* renamed in xml and/or jsp */
	font-weight: bold;
	margin-top: 5px;
    margin-bottom: 10px;
}
h3 img.expand_collapse-buttons {
    display: inline;
    margin-bottom: 5px;
    vertical-align: middle;        /* still needed to be pushed up a bit */
}
h4.kr-section-subhead-no-border {	/* was h4.kr-section-subhead-no-border */ /* renamed in xml and/or jsp */
	border-bottom:none;
	padding-bottom: 0.3em;
	margin:0;
}
h4 img.expand_collapse-buttons {
    display:inline;
    vertical-align:middle;
    margin-bottom:5px;   /* still needed to be pushed up a bit */
}
.kr-page-action h2 {			/* was .page-action h2 */ /* renamed in xml and/or jsp */
	clear:left;
}
.kr-clientError > .uif-inputField {
    float: left;
}
td.kr-clientError {
    overflow: visible;
}
.uif-inputField img {
    margin-left:7px;
}
.uif-inputField .uif-labelTop label {   /* was .field_attribute .uif-labelTop label */  /* renamed in xml and/or jsp */
	margin: 5px 5px 0px 0px;  /* field top labels should not have left-margins  -David */
}
.uif-inputField span {			/* was .field_attribute span */ /* renamed in xml and/or jsp */
	clear:left;/*float:left;       removing for non-table display, but may possibly break elsewhere - David */
    }
.uif-inputField input, .uif-inputField textarea {			/* was .field_attribute input */ /* renamed in xml and/or jsp */
    margin:  0.3em 0;
    }
.uif-instructionalMessage {
    max-width: 64em;
}
.uif-inputField .uif-instructionalMessage {		/* was .field_attribute .uif-instructionalMessage */ /* renamed in xml and/or jsp */
	line-height: 1.25em;
	/* begin styles brought over from kuali-stacked.css  */
	margin-bottom: auto;
}
#viewheader_div {
    margin:  10px 15px 30px 25px;
}
.kr-view-header {          /* was .view_header /* remove background image for lightbox headers */ /* renamed in xml and/or jsp */
	background: none;
}
.uif-labelTop{						/* was .uif-labelTop */ /* renamed in xml and/or jsp */
	float:none;
	/* [disabled]display:block; */
}
.uif-labelTop label{				/* was .uif-labelTop label */ /* renamed in xml and/or jsp */
	font-weight:bold;
}

.uif-validationMessages .kr-errorMessages { /* was .errorsField .errorMessages */
	color: #DF0000;
	font-weight: bold;
    background-position: 3px 1px;         /* adjusting the error icon position for this 1 scenario */
}
.kr-errorMessages {
    padding-left: 25px;
	background: url("../../plugins/jgrowl/images/exclamation-red.png") no-repeat scroll 3px 4px transparent;
}
.kr-clientError img {
	margin-left:10px;   /* adds spacing between tab label and the icon */
}
span.kr-clientError, div.kr-clientError, td.kr-clientError, span.kr-serverError, div.kr-serverError, td.kr-serverError {
	background-color: #FFE0E9 !important;
    padding: 0.5em;
}
span.kr-information, div.kr-information, td.kr-information {
    background-color:#AFDCED;
}
.kr-warningMessages, .kr-infoMessages {
    color:#000000;
}
span.kr-warning, div.kr-warning, td.kr-warning {	/* was span.warning, div.arning, td.warning */
	background-color: #F4E271;
}
label.kr-clientError, a.kr-clientError, label.kr-serverError {
	color: #DF0000;
}
li label.kr-error {
	display: inline !important;
}

.uif-validationMessages {					/* was .errorsField */  /* renamed in xml and/or jsp */
	/*overflow: hidden;          turning off, at least for short term */
	/*float:left;                 turning off, at least for short term */
    clear:left;                   /* forcing to new line so validation displays consistently */
    *zoom: 1;
    color: #DF0000;
}
.uif-groupValidationMessages {		/* was .errorsFieldForContainer */ /* renamed in xml and/or jsp */
	float: none;
	zoom:1;
 *display:inline;
    width:100%;
    margin-bottom:1em;
}

.kr-warningMessages {		/* was .warningMessages */ /* renamed in xml and/or jsp */
	padding-left: 25px;
	background: url("../../plugins/jgrowl/images/exclamation-diamond-frame.png") no-repeat scroll 3px 4px transparent;
}
.kr-warningMessages span {
    display:inline-block;
    margin-bottom: 5px;
}
.uif-validationMessages>.uif-validationMessages .kr-warningMessages, .uif-validationMessages>.uif-validationMessages .kr-infoMessages, .uif-validationMessages>.uif-validationMessages .kr-errorMessages {          /* this is for the special case of listed icons in one message, so the icon doesn't cut off */
    background-position: 3px 0px;
}
.kr-infoMessages {			/* was .infoMessages*/ /* renamed in xml and/or jsp */
	padding-left: 25px;
    background: url("../../plugins/jgrowl/images/information-frame.png") no-repeat scroll 3px 4px transparent;
	}
.uif-groupValidationMessages .kr-errorMessages, .uif-groupValidationMessages .kr-warningMessages, .uif-groupValidationMessages .kr-infoMessages{
    margin: 3px 0;
    padding: 5px 10px 5px 25px;
    background-position: 3px 4px;
    /* note: KNS can overrride width if necessary */
}
.uif-groupValidationMessages .kr-errorMessages {		/* was .errorsFieldForContainer .errorMessages */ /* .errorsFieldForContainer renamed in xml; .errorMessages NOT renamed, as this will break js functionality   */
	border: 1px solid #f99;
	background-color: #FFE0E9;
}
.uif-groupValidationMessages .kr-warningMessages {	/* was .errorsFieldForContainer .warningMessages *//* renamed in xml and/or jsp */
	border: 1px solid goldenrod;
	background-color: #F4E271;
}
.uif-groupValidationMessages .kr-infoMessages {	/* was .errorsFieldForContainer .infoMessages*/ /* renamed in xml and/or jsp */
	border: 1px solid #82CAFA;
	background-color: #AFDCEC;
}
.uif-validationMessages ul {		/* was .errorsField ul*/ /* renamed in xml and/or jsp */
	list-style: none outside none;
	margin: 0;
}
.uif-validationMessages li {		/* was .errorsField li */ /* renamed in xml and/or jsp */
	list-style: none outside none;
	margin-left: 0;
    margin-bottom:5px;
	padding: 1px 0;
	line-height: 1.3em;
    display:block;
}
.errorLines label {
    font-weight:normal;
}
.errorLines li {
    font-weight:normal;
    margin-bottom:5px;
}
.boxLayoutHorizontalItem {
    padding-bottom:1em;
}
.uif-primaryActionButton.boxLayoutHorizontalItem {
    padding-bottom: .6em;
}
.uif-secondaryActionButton.boxLayoutHorizontalItem    {
    padding-bottom: 0.1em;
}
.uif-smallActionButton.boxLayoutHorizontalItem {
    padding-top:.25em;
    padding-bottom:.5em;
}
#Footer_SaveCloseCancel_group .boxLayoutHorizontalItem, #viewfooter_div .boxLayoutHorizontalItem {     /* fixing the vertical alignment of action buttons */
    display:inline;
    float:none;
    margin: 0 0.75em 0 0;
}
/* breadcrumbs */

.kr-breadcrumbs { 					/* was .breadcrumbs */ /* renamed in xml and/or jsp */
    display: block;
    width: 100%;
    letter-spacing: 0.02em;
    padding: 3px 0 3px 25px;
 }

 .kr-breadcrumbs a {		/*  was .breadcrumbs a*/ /* renamed in xml and/or jsp */
	text-decoration: none;
 }

 .kr-breadcrumbs a:visited{		/* was .breadcrumbs a:visited*/ /* renamed in xml and/or jsp */
	text-decoration: none;
 }

 .kr-breadcrumbs a:focus, .kr-breadcrumbs a:hover{  /* was .breadcrumbs a:focus, .breadcrumbs a:hover*/ /* renamed in xml and/or jsp */
 	text-decoration: underline;
 }

 .kr-breadcrumbs ol, li{   /* was .breadcrumbs ol, li*/ /* renamed in xml and/or jsp */
    display: inline;
    margin: 0;
    list-style: none;
    width: auto;
}



/* COMPONENTS - e.g.: kr-button-one, ks-button-secondary ****************/
/* button styles */

.uif-primaryActionButton { /* was .button-primary */ /* renamed in xml and/or jsp */
	cursor:pointer;
    padding: 0.5em 1.3em;
   /*remove extra padding in IE*/
   overflow: visible;
}
.uif-secondaryActionButton { /* was .button-secondary1 */ /* renamed in xml and/or jsp */
	cursor:pointer;
	/*remove extra padding in IE*/
	overflow: visible;
	padding: 0.1em 2.1em;
}
.kr-button-secondary2, .kr-button-secondary2:hover {				/* was .button-secondary2 */ /* NOT FOUND in xml and/or jsp */
	cursor:pointer;
	/*remove extra padding in IE*/
	overflow: visible;
	padding: 0.1em 2.1em;
}
.uif-primaryActionButton a, .uif-primaryActionButton a:link, .uif-primaryActionButton a:visited {		/* was .button-primary a, .button-primary a:link, .button-primary a:visited */ /* renamed in xml and/or jsp */
	text-decoration:none;
}

/* LAYOUTS - e.g.: kr-box-horizontal, ks-left, ks-right *****************/

.clearfix {
	clear:both;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* IE specific */
* html .clearfix {
	height: 1%;
}
.boxLayoutHorizontalItem {
	float:left;
	display:block;
	margin-right:20px;
}

.fieldContainerVerticalItem {
	padding-bottom: 5px;
	display: block;
}

.boxLayoutVerticalItem {
    display: block;
    margin-bottom: 5px;
}
tr.uif-collectionAddItem {
    background-color: #F2F2F2 !important;
    border: 1px solid #D3D3D3 !important;
}
tr.uif-collectionAddItem td.sorting_1 {
    background-color: #F2F2F2 !important;
}

div.uif-collectionAddItem, span.uif-collectionAddItem{
    background-color: #F2F2F2 !important;
    border: 1px solid #D3D3D3 !important;
}

.uif-footer{
    text-align: center;
    margin-top: 15px;
}

.uif-actionLink {
    margin-bottom: 10px;
}

/* JQUERY - e.g.: ui-calendar *******************************************/



/* date-picker */
.ui-datepicker.ui-helper-clearfix {     /* hiding datepicker at bottom of page, until called */
    display:none;
}

.ui-datepicker-trigger {
	cursor: pointer;
}



/* fg buttons */
.fg-button {
   outline: 0;
   margin:0 4px 0 0;
   padding: 0.1em 2.4em;
   text-decoration:none !important;
   cursor:pointer;
   position: relative;
   text-align: center;
   zoom: 1;
   }
   .fg-button .ui-icon {
   position: absolute;
   top: 50%;
   margin-top: -8px;
   left: 50%;
   margin-left: -8px;
   }
   a.fg-button {
   float:left;
   }
   /* remove extra button width in IE */
   button.fg-button {
   width:auto;
   overflow:visible;
   }
   .fg-button-icon-left {
   padding-left: 2.5em;
   padding-right: 1.4em;
   }
   .fg-button-icon-right {
   padding-right: 2.1em;
   }
   .fg-button-icon-left .ui-icon {
   right: auto;
   left: 0.8em;
   margin-left: 0;
   }
   .fg-button-icon-right .ui-icon {
   left: auto;
   right: .2em;
   margin-left: 0;
   }
   .fg-button-icon-solo {
   display:block;
   width:8px;
   text-indent: -9999px;
   }	 /* solo icon buttons must have block properties for the text-indent to work */




   button, a{
    overflow: visible;
    white-space:nowrap;
    width:auto;
    cursor: pointer;
}

button img{
    vertical-align: middle;
}

button span.topBottomSpan{
    display: block;
    text-align: center;
    width: 100%;
}

button img.topActionImage{
    margin-bottom: 1px;
}

button img.bottomActionImage{
    margin-top: 1px;
}

button img.leftActionImage, a img.leftActionImage{
    margin-right: 5px;
}

button img.rightActionImage, a img.rightActionImage{
    margin-left: 5px;
}



/* tabs */
/* Tab menu */
.tab-navigation-block {
	padding: 0 !important;
	padding-left: 20px !important;
}

.tab-navigation-block li {
	float: left;
	list-style: none outside none;
	margin: 0 0.2em 1px 0;
	padding: 0;
	position: relative;
	top: 2px;
 	*top: 1px;
	white-space: nowrap;
	clear: none;
}

.tab-navigation-block li a {
	float: left;
	padding: 0.5em;
    margin-bottom: 0;
	text-decoration: none;
}

.ui-tabs li {
	clear: none;
}

 /* TEMPORARY JQUERY STYLES (until jquery-ui-1.8.11.css is included) */
/*
 * jQuery UI CSS Framework 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/*Navigation Menu*/

.navigation-parent-div{
	margin-left: 225px;
}

.navigation-div{
	margin-left: -225px;
}

.navigation-block {
   float: left;
   width: 219px;
}
/* Navigation Menu*/

.slideLink {
    font-size: .9em;
}
.collapseLink {

	font-size: .9em;
	color: #666;
}
ul.basic-navigation {
	list-style: none outside none;
	padding: 0;
	margin-top: 0px;
    margin-left:15px;
}
ul.basic-navigation li {
	padding: 0;
}
li.basic-element span.uif-actionLink, li.basic-element a.uif-actionLink {
    margin-bottom:0;
}
ul.basic-navigation li.basic-element h3, ul.basic-navigation li.basic-element h2 {
	color: #333333;
	display: inline-block;
	margin-bottom: 0;
	padding: 0 20px 0 3px;
	width: 170px;
	font-weight: bold;
	font-family:arial, sans-serif;
	text-transform:uppercase;
	border-top: 2px solid #000;
	border-bottom: 1px solid #bbb;
    border-left: none;
    border-right: none;
}
li.basic-element h2 {
    font-size: 0.923077em !important;
}
ul.basic-navigation li.basic-element a {
	background-color: #fff;
	display: inline-block;
    height: 1%;
	/*
	Changing the padding here will require updating the script to correct return padding (pad_in)
	*/
    padding: 5px 20px 5px 3px;
	width: 170px;
	color: #3F7826;
	text-decoration: none;
	border-bottom: 1px solid #bbb;
	font-size:.92307692em;
}
* html ul.basic-navigation li.basic-element a {
    \width: 193px; /* for IE5 and IE6 in quirks mode */
    w\idth: 170px; /* for IE6 in standards mode */
  }
ul.basic-navigation li.basic-element a:hover, ul.basic-navigation li.basic-element a:focus {
	background: #07662a; /* Old browsers */

background: -moz-linear-gradient(top,  #07662a 0%, #044d1f 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#07662a), color-stop(100%,#044d1f)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #07662a 0%,#044d1f 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #07662a 0%,#044d1f 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #07662a 0%,#044d1f 100%); /* IE10+ */

background: linear-gradient(top,  #07662a 0%,#044d1f 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07662a', endColorstr='#044d1f',GradientType=0 ); /* IE6-9 */


	color: white;
}
ul.basic-navigation li.basic-element a.current {
	background-color:#636D05;
	padding-left: 25px !important;
	color: white;
}
.slideLink{
	padding-left: .5em;
	font-size: .9em;
	float: left;
}

.collapseLink{
	float: right;
	font-size: .9em;
	padding-bottom: 5px;
}

a#controlbtn {
	text-decoration: none;
	display: inline-block;
	padding-left: 5px;
}

#controlbtn.slideLink {
	/*background:  url(../../images/icon_navCollapse.jpg) left no-repeat;  Leaving out until IE text visibility is resolved */
	color: #666;
}
#controlbtn.closed {
	/*background: url(../../images/icon_navExpand.jpg) right no-repeat;   Leaving out until IE text visibility is resolved */
}
.basic-navigation h2.fl-font-serif {
	font-family:arial, sans-serif; /* overrides the h2 to a sans-serif */
}

ul.basic-navigation li.basic-element a {
	background-color: #fff;
	width: 170px;
	color: #3F7826;
    border: none;
	border-bottom: 1px solid #bbb;
}
ul.basic-navigation li.basic-element a:hover, ul.basic-navigation li.basic-element a:focus {
	background: #07662a; /* Old browsers */

background: -moz-linear-gradient(top,  #07662a 0%, #044d1f 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#07662a), color-stop(100%,#044d1f)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #07662a 0%,#044d1f 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #07662a 0%,#044d1f 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #07662a 0%,#044d1f 100%); /* IE10+ */

background: linear-gradient(top,  #07662a 0%,#044d1f 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07662a', endColorstr='#044d1f',GradientType=0 ); /* IE6-9 */


	background-color:#060;
	color: white;
}
ul.basic-navigation li.basic-element a.current, ul.basic-navigation li.basic-element a.current:hover {
	background-color:#000;
	background-image:none;
	padding-left: 3px !important;
	color: white;
}

/* accessibility */

.offScreen{
    position: absolute;
    left: -200em;
    width: 10em;
    overflow: hidden;
}

/* Messing with table label alignment */
th.uif-labelTop span.uif-labelTop {
    text-align:right;
    padding-right:1em;
}
th label {
    text-align:right;
}
th, td {
    padding-right:1em;
}
table.uif-gridLayout {
    width: 100%;
}
.datatable tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #F1F1F1;
}

.datatable tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #F1F1F1;
}

.datatable tr.even:hover {
	background-color: #F1F1F1;
}

.datatable tr.even:hover td.sorting_1 {
	background-color: #F1F1F1;
}

.datatable tr.even:hover td.sorting_2 {
	background-color: #F1F1F1;
}

.datatable tr.even:hover td.sorting_3 {
	background-color: #F1F1F1;
}

.datatable tr.odd:hover {
	background-color: #F1F1F1;
}

.datatable tr.odd:hover td.sorting_1 {
	background-color: #F1F1F1;
}

.datatable tr.odd:hover td.sorting_2 {
	background-color: #F1F1F1;
}

.datatable tr.odd:hover td.sorting_3 {
	background-color: #F1F1F1;
}

.uif-informationalMessage {
    display : block;
}

.kr-photo {
	border-radius:25px;
}

.uif-cutlineMessage {
    padding-left: 5px;
    clear: both;
    display: block;
}

.boxLayoutHorizontalItem-tight {
    margin-right : .7em;
}

div.blockOverlay{
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60) !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important;
    opacity:.60;
    -moz-opacity:.60;
    z-index: 10100 !important;
}

div.blockElement{
    padding: 0;
    margin: 0;
    top: 40%;
    left: 0 !important;
    background-color: white;
    textAlign: center;
    color: #000;
    border: 3px solid #aaa;
    cursor: wait;
    z-index: 10101 !important;
}

div.blockPage{
    padding: 0;
    margin: 0;
    width: 30%;
    top: 40%;
    left: 35%;
    textAlign: center;
    color: #000;
    border: 3px solid #aaa;
    background-color: white;
    cursor: wait;
    z-index: 10101 !important;
    text-align: center;
}

.uif-progressiveDisclosure-highlight{
    background-color: #FFF8C6;
}

.uif-labelBlock{
    display: block;
}

img.changed-header-icon {
    padding-left:5px; padding-right:5px
}